/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined 
.gwt-DialogBox {
  width: 400px;
}
*/

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.northPanel {
     background-color: darkblue;
     color: blue;
}
.titulo {
	font-family: tahoma;
	font-size:30px;
	color: lightblue;
}
.titulo2 {
	font-family: tahoma;
	font-size:12px;
	color: blue;
	background-color: #D0E4F6;
}
.gwt-Label {
	font-family: tahoma;
	font-size: 11px;
}

.botao{
   font-size:11px;
   font-family:Tahoma,sans-serif;
   width:100px;
   padding: 2px;
   border-top-style:solid;
   border-top-color:#AAAAAA;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#AAAAAA;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#AAAAAA;
   border-left-width:1px;
   border-right-style:solid;
   border-right-color:#AAAAAA;
   border-right-width:1px;
}

.PesquisaTitle {
  border-collapse: collapse;
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-color: gray;
  font-weight: bold;
}

/** Tabela de Imagens */
.TabelaDeImagens {
	padding: 5px;
  border-collapse: collapse;
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-color: gray;
  background-color:  #FFFFFF;
  text-align: center;
}

/** Tabelas (Inicio) */

.FlexTable {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: gray;
  background-color:  #FFFFFF;
}

.FlexTable-OddRow {
  background-color: #FFFFFF;
}

.FlexTable-EvenRow {
  background-color:  lightyellow;
}

.FlexTable-ColumnLabel {
  color: white;
  padding: 3px;
}

.FlexTable-ColumnLabelCell {
  background-color: #D0E4F6;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: gray;
  margin: 0;
  padding: 5px;
  text-align: left;
  font-family: tahoma;
  font-size: 11px;
  color: darkblue;
}

.FlexTable-Cell {
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: gray;
  padding: 3px;
  text-align: left;
  font-family: tahoma;
  font-size: 11px;
}

/** Tabela (TERMINO) */

.gwt-MenuItem, .gwt-TextBox, .gwt-DateBox, .gwt-Anchor, .gwt-TextArea, .gwt-RadioButton {
	font-size: 11px;
	font-family: tahoma;
}


/** Resolvendo Problema DecoratorPanel width 100% (INICIO)*/
/** Referencia: http://blog.js-development.com/2010/02/gwt-decoratorpanel-style-problems.html */
.gwt-DecoratorPanel {
	table-layout: fixed;
}
.gwt-DecoratorPanel .middleCenter {
  height: 100%;
  width: 100%;
}
.gwt-DecoratorPanel .topLeft,.gwt-DecoratorPanel .topRight {
	width: 5px;
}
.gwt-DecoratorPanel.bottom {
	width: 1px;
}
/** Resolvendo Problema DecoratorPanel width 100% (TERMINO)*/

#loading {
	border: 1px solid #ccc;
    position: absolute;
    left: 38%;
    top: 40%;
    padding: 3px;
    z-index: 20001;
    height: auto;
}
#loadingMsg {
	font: normal 11px tahoma;
}